<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>留言</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/message.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/animate/animate.min.css">
</head>
<body>
    <div id="header"></div>

    <div class="headImgBox">
        <ul>
            <li></li>
        </ul>
    </div>

    <div class="center_box">
        <div class="messageBox">
            <div class="message_form wow zoomInDown">
                <p>
                    <i class="fa fa-circle-o"></i>
                    头像：<img src="images/head.png" alt="请选择头像" height="48px" width="48px">
                </p>
                <p>
                    <i class="fa fa-user-o"></i>
                    昵称：<input type="text" placeholder="请输入留言昵称">
                </p>
                <p>
                    <i class="fa fa-envelope-o"></i>
                    邮箱：<input type="text" placeholder="请输入您的邮箱">
                </p>
                <div class="message_editor">
                    <div id="editor_toolbar" class="toolbar">
                    </div>
                    <div id="editor_text" class="text">
                    </div>
                </div>
                <button class="commit_message">确认提交</button>
            </div>

            <div class="message_total wow fadeInDown">
                <i class="fa fa-commenting-o"></i>
                <span>留言（100）</span>
            </div>

            <div class="message_content">
                <ul>
                    <li>
                        <div class="comment wow zoomIn">
                            <img src="images/head.png" height="48px" width="48px">
                            <div class="comment_content">
                                <h3>曾志伟</h3>
                                <p>博客不错啊，界面看着很舒服博客不错啊，界面看客舒服舒服博错博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]</p>
                                <i class="fa fa-map-marker"></i>河南-信阳
                                <span>2018/6/10 14:29:56</span>
                                <div class="comment_opera">
                                    <a><span name="reply" onclick="reply(this)">回复</span></a>
                                    <a href="#"><i class="fa fa-flag-o"></i>举报</a>
                                    <a href="#"><i class="fa fa-thumbs-o-up"></i>点赞&nbsp;20</a>
                                    <a href="#"><i class="fa fa-thumbs-o-down"></i>吐槽&nbsp;100</a>
                                </div>
                                <div name="replyBox"></div>
                            </div>
                        </div>
                        <div class="reply_content wow fadeInUp">
                            <img src="images/head.png" height="48px" width="48px">
                            <div class="comment_content">
                                <h3>曾志伟</h3>
                                <p>博客不错啊，界面看着很舒服博客不错啊，界面看客舒服舒服博错博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]</p>
                                <i class="fa fa-map-marker"></i>河南-信阳
                                <span>2018/6/10 14:29:56</span>
                                <div class="comment_opera">
                                    <a><span name="reply" onclick="reply(this)">回复</span></a>
                                    <a href="#"><i class="fa fa-flag-o"></i>举报</a>
                                    <a href="#"><i class="fa fa-thumbs-o-up"></i>点赞&nbsp;20</a>
                                    <a href="#"><i class="fa fa-thumbs-o-down"></i>吐槽&nbsp;100</a>
                                </div>
                                <div name="replyBox"></div>
                            </div>
                        </div>
                        <div class="reply_content wow fadeInUp">
                            <img src="images/head.png" height="48px" width="48px">
                            <div class="comment_content">
                                <h3>曾志伟 <span>回复</span> 马超</h3>
                                <p>博客不错啊，界面看着很舒服博客不错啊，界面看客舒服舒服博错博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]</p>
                                <i class="fa fa-map-marker"></i>河南-信阳
                                <span>2018/6/10 14:29:56</span>
                                <div class="comment_opera">
                                    <a><span name="reply" onclick="reply(this)">回复</span></a>
                                    <a href="#"><i class="fa fa-flag-o"></i>举报</a>
                                    <a href="#"><i class="fa fa-thumbs-o-up"></i>点赞&nbsp;20</a>
                                    <a href="#"><i class="fa fa-thumbs-o-down"></i>吐槽&nbsp;100</a>
                                </div>
                                <div name="replyBox"></div>
                            </div>
                        </div>
                        <div class="reply_content wow fadeInUp">
                            <img src="images/head.png" height="48px" width="48px">
                            <div class="comment_content">
                                <h3>曾志伟</h3>
                                <p>博客不错啊，界面看着很舒服博客不错啊，界面看客舒服舒服博错博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]</p>
                                <i class="fa fa-map-marker"></i>河南-信阳
                                <span>2018/6/10 14:29:56</span>
                                <div class="comment_opera">
                                    <a><span name="reply" onclick="reply(this)">回复</span></a>
                                    <a href="#"><i class="fa fa-flag-o"></i>举报</a>
                                    <a href="#"><i class="fa fa-thumbs-o-up"></i>点赞&nbsp;20</a>
                                    <a href="#"><i class="fa fa-thumbs-o-down"></i>吐槽&nbsp;100</a>
                                </div>
                                <div name="replyBox"></div>
                            </div>
                        </div>
                        <div class="reply_content wow fadeInUp">
                            <img src="images/head.png" height="48px" width="48px">
                            <div class="comment_content">
                                <h3>曾志伟</h3>
                                <p>博客不错啊，界面看着很舒服博客不错啊，界面看客舒服舒服博错博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]</p>
                                <i class="fa fa-map-marker"></i>河南-信阳
                                <span>2018/6/10 14:29:56</span>
                                <div class="comment_opera">
                                    <a><span name="reply" onclick="reply(this)">回复</span></a>
                                    <a href="#"><i class="fa fa-flag-o"></i>举报</a>
                                    <a href="#"><i class="fa fa-thumbs-o-up"></i>点赞&nbsp;20</a>
                                    <a href="#"><i class="fa fa-thumbs-o-down"></i>吐槽&nbsp;100</a>
                                </div>
                                <div name="replyBox"></div>
                            </div>
                        </div>
                        <div class="reply_content wow fadeInUp">
                            <img src="images/head.png" height="48px" width="48px">
                            <div class="comment_content">
                                <h3>曾志伟</h3>
                                <p>博客不错啊，界面看着很舒服博客不错啊，界面看客舒服舒服博错博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博舒服博客不错啊，界面看着很舒服[嘻嘻]博，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]博客不错啊，界面看着很舒服[嘻嘻]</p>
                                <i class="fa fa-map-marker"></i>河南-信阳
                                <span>2018/6/10 14:29:56</span>
                                <div class="comment_opera">
                                    <a><span name="reply" onclick="reply(this)">回复</span></a>
                                    <a href="#"><i class="fa fa-flag-o"></i>举报</a>
                                    <a href="#"><i class="fa fa-thumbs-o-up"></i>点赞&nbsp;20</a>
                                    <a href="#"><i class="fa fa-thumbs-o-down"></i>吐槽&nbsp;100</a>
                                </div>
                                <div name="replyBox"></div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="message_info">
            <div class="about_me wow zoomInRight">
                <h2>—— About Me ——</h2>
                <img src="images/a1.gif" width="100px" height="100px">
                <div>
                    <p>网名：AZJ</p>
                    <p>职业：Java后端攻城狮</p>
                    <p>籍贯：河南-信阳</p>
                    <p>邮箱：876784235@qq.com</p>
                </div>
            </div>

            <div id="message_search" hidden="hidden">
                <div class="searchBox">
                    <input type="text" placeholder="请输入关键字搜索" />
                    <i class="fa fa-search"></i>
                </div>

                <div class="wechat">
                    <h2>—— 微信 ——</h2>
                    <img src="images/wechat.jpg" alt="个人微信" width="250px" height="250px">
                </div>
            </div>
        </div>
    </div>




</body>
<script src="js/jquery.min.js"></script>
<script src="js/wow/wow.min.js"></script>
<script src="js/template/art-template.js"></script>
<script src="js/template.js"></script>
<script src="js/base.js"></script>
<script src="js/wangEditor/wangEditor.min.js"></script>
<script src="js/message.js"></script>
</html>